<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>群组聊天页面</title>
    <s3:data name='ucDatas.headerScript'/>
    <s3:import type="css"></s3:import>
    <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-listView.css${data:buildversion}"/>
    <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-sliders.css${data:buildversion}" />
    <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-picker.css${data:buildversion}"/>
    <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-search.css${data:buildversion}"/>
    <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-accDoc.css${data:buildversion}"/>
    <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-att.css${data:buildversion}"/>
    <link rel="stylesheet" href="<s3:data name='dependencies.uc'/>/fonts/iconfont.css${data:buildversion}"/>
    <link rel="stylesheet" href="<s3:data name='dependencies.uc'/>/css/ucChatView.css${data:buildversion}"/>
    <script src="<s3:data name='dependencies.uc'/>/js/ucFlexible.js${data:buildversion}"></script>
</head>
<body>
<header id="header" class="cmp-bar cmp-bar-nav cmp-flex-header">
    <div id="prev" class="cmp-action-back cmp-header-left ">
        <span class="cmp-icon see-icon-v5-common-arrow-back"></span>
        <span class="nav-text">返回</span>
    </div>
    <div class="cmp-title" id="title"></div>
    <div class="cmp-header-right">
        <a class="cmp-icon iconfont icon-group-enter cmp-pull-right" id="uc-property-group"></a>
    </div>
</header>
<div class="cmp-content uc-gray position_relative">
    <div class="cmp-control-content cmp-active" id="cmp-control">
        <div id="all_chat" class="cmp-scroll-wrapper">
            <div class="cmp-scroll">
                <div id="uc_chatAll">
                    <ul class="cmp-table-view" id="chat_list">
                       
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="mask"></div>
</div>
<!-- 转发浮层 -->
<div id="forwardDiv" class="GM_Alert_Content Animated-Container bottom-go animated">
    <header id="zHeader" class="cmp-bar cmp-bar-nav">
        <h1 class="cmp-title" id="zTitle">发送到</h1>
        <button class="cmp-btn cmp-btn-blue cmp-btn-link cmp-pull-right" id="cancelDiv">取消
        </button>
    </header>
    <div class="cmp-content position_relative">
        <div id="uc-forward" class="cmp-scroll-wrapper">
            <div class="cmp-scroll">
                <ul class="cmp-table-view">
                    <li class="cmp-table-view-cell uc-forward-li">
                        <ul class="uc-sel-forward">
                            <li class="cmp-table-view-cell">
                                <a class="cmp-navigate-right">选择人员</a>
                            </li>
                            <li class="cmp-table-view-cell">
                                <a class="cmp-navigate-right">选择群组</a>
                            </li>
                        </ul>
                        <p class="uc-recent">最近</p>
                        <ul class="uc-recent-member">
                            <li class="cmp-table-view-cell">
                                <div class="cmp-slider-handle cmp-table">
                                    <div class="uc-head">
                                        <img class="cmp-media-object" src=""/>
                                    </div>
                                    <div class="cmp-media-body username">程萌</div>
                                </div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- @功能 选择群成员 -->
<div id="selGroupMemDiv" class="GM_Alert_Content Animated-Container bottom-go animated">
    <header id="atHeader" class="cmp-bar cmp-bar-nav">
        <h1 class="cmp-title" id="atTitle">选择群成员</h1>
        <button class="cmp-btn cmp-btn-blue cmp-btn-link cmp-pull-right" id="atCancelDiv">返回
        </button>
    </header>
    <div class="cmp-content position_relative">
        <div class="cmp-segmented_title_content">
            <div id="search" class="position_relative boder_bottom">
                <div class="position_relative cmp-v5-search-content">
                    <div class="cmp-segmented_title_content ">
                        <div class="cmp-content-title-search">
                            <div id="cmp_search_textHandler"
                                 class="cmp-input-row cmp-search" style="width: 100%;">
                                <span class="cmp-icon cmp-icon-search search-btn cmp-hidden"></span>
                                <form id="cmp-search-input" onsubmit="return false;"></form>
                                <input type="search" disabled name="search" form="cmp-search-input"
                                       class="btn cmp-input-clear cmp-v5-search-textBtn"/>
                                <span class="cmp-icon cmp-icon-clear cmp-hidden"></span>
                                <span class="cmp-placeholder">
                                    <span class="cmp-icon cmp-icon-search"></span>
                                    <span>搜索</span>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 列表 -->
            <div id="uc-sel" class="cmp-scroll-wrapper" style="margin-top: 45px;">
                <div class="cmp-scroll">
                    <ul class="cmp-table-view uc-recent-member" id="atTable">
                        <li class="cmp-table-view-cell uc-sel-li">
                            <div class="cmp-slider-handle cmp-table">
                                <div class="uc-head">
                                    <img class="cmp-media-object" src=""/>
                                </div>
                                <div class="cmp-media-body username">程萌</div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<footer class="cmp-bar cmp-bar-footer" style="border-top: 1px #dbdbdd solid;" id="footer_num1">
    <div class="uc-input">
        <textarea id="uc-input-text" class="uc-input-text" placeholder="请输入文字" onfocus="chat.focusInput(this)"></textarea>
        <input type="hidden" name="uc-input-text" id="uc-input-copy" class="uc-input-text" value=""/>
        <i class="iconfont icon-icon-send uc-send uc-send-gray"></i>
    </div>
    <div class="uc-chat-toolbar">
        <span id="uc-voice" class="uc-voice iconfont icon-voice"></span>
        <span id="uc-photo" class="uc-photo iconfont icon-uc-icon-photograph"></span>
        <span id="uc-pic" class="uc-pic iconfont icon-uc-icon-picture"></span>
        <span id="uc-file" class="uc-file iconfont icon-uc-icon-file"></span>
        <span id="uc-look" class="uc-look iconfont icon-PC-look"></span>
        <span id="uc-more" class="uc-more see-icon-more"></span>
    </div>
    <div class="uc-chat-tool-panel" style="display:none;"></div>
</footer>
<script type="text/html" id="atRows">
    <% var memberMap = this.memberMap; %>
    <% for(var key in memberMap){ %>
    <% var obj = memberMap[key]; %>
    <li class="cmp-table-view-cell" data-id="<%=obj.id%>">
        <div class="cmp-slider-handle cmp-table">
            <div class="uc-head">
                <img class="cmp-media-object" src="../img/head.png"/>
            </div>
            <div class="cmp-media-body username"><%=obj.name%></div>
        </div>
    </li>
    <% } %>
</script>
<script src="<s3:data name='dependencies.uc'/>/js/im/uc_pub.js${data:buildversion}"></script>
<script src="<s3:data name='dependencies.uc'/>/js/im/uc_org.js${data:buildversion}"></script>
<s3:data name="cordova"/>
<s3:import type="js"></s3:import>
<script src="${data:dependencies.cmp}/js/cmp-listView.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-sliders.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-camera.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-audio.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-imgCache.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-accDoc.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-headerFixed.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-footerAuto.js${data:buildversion}"></script>

<script src="${data:dependencies.cmp}/js/cmp-chat.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-att.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-webviewListener.js${data:buildversion}"></script>
<s3:data name='ucDatas.footerScript'/>
<script src="<s3:data name='dependencies.uc'/>/js/im/jsjac.js${data:buildversion}"></script>
<script src="<s3:data name='dependencies.uc'/>/js/im_send_message.js${data:buildversion}"></script>
<script src="<s3:data name='dependencies.uc'/>/js/im_send_iq.js${data:buildversion}"></script>

<script src="<s3:data name='dependencies.uc'/>/js/uc.js${data:buildversion}"></script>
<script src="<s3:data name='dependencies.uc'/>/js/ucDB.js${data:buildversion}"></script>
<script src="<s3:data name='dependencies.uc'/>/js/clipboard.min.js${data:buildversion}"></script>
<script src="<s3:data name='dependencies.uc'/>/js/ucCommonUtil-debug.js${data:buildversion}"></script>
<script src="<s3:data name='dependencies.uc'/>/js/ucChatCommonUtil-debug.js${data:buildversion}"></script>
<script src="<s3:data name='dependencies.uc'/>/js/ucEmojiUtil-debug.js${data:buildversion}"></script>
<script src="<s3:data name='dependencies.uc'/>/js/ucChatToolsTpl.js${data:buildversion}"></script>
<script src="<s3:data name='dependencies.uc'/>/js/ucMessageTypeTpl.js${data:buildversion}"></script>
<script src="<s3:data name='dependencies.uc'/>/js/ucGroupChatView.js${data:buildversion}"></script>
</body>
</html>

